<!DOCTYPE html>
<html lang="zh-Hans">
<head>
    @import "mate.html"

    <link rel="stylesheet" href="../assets/bootstrap/css/bootstrap.min.css">
    <link rel="stylesheet" href="../css/index/style.min.css">
</head>
<body>
@import "header.html"

<div class="container">
    <div class="user-info cf">
        <canvas id="canvas"></canvas>
        <div class="user-img middle fl">
            <img src="../images/head-img.png">
        </div>
        <div class="user-text fl">
            <h4 class="name">蔡靖云</h4>
            <div class="info-list cf">
                <div class="school">2年经验</div>
                <div>本科学历</div>
                <div class="phone">15757857502</div>
            </div>
            <div class="person-web">
                <span>个人网站：</span>
                <a href="https://www.jianshu.com/u/ed66fefa9b0f" target="_blank">简书</a>
                <a href="https://gitee.com/cjy199387" target="_blank">码云</a>
                <a href="https://github.com/lxzy-yun" target="_blank">github</a>
            </div>
        </div>
    </div>
    <div class="item-list">
        <div class="com-title">历年成果</div>
        <div class="panel panel-info">
            <div class="panel-heading">
                <h3 class="panel-title">
                    <a href="https://cjy199387.gitee.io/showfarm/index.html" target="_blank">农业局招标项目（纯静态）</a>
                </h3>
            </div>
            <div class="panel-body">
                农业局招标项目（纯静态）
            </div>
        </div>
        <div class="panel panel-info">
            <div class="panel-heading">
                <h3 class="panel-title">
                    <a href="http://www.ztesa.com.cn:7001/#/login" target="_blank">react+antd+dva</a>
                </h3>
            </div>
            <div class="panel-body">
                基于dva搭建的项目，主要使用antd为UI框架，基于react，集成了redux，react-redux，redux-sage等。<br/>
                项目介绍：农产品质量安全监管与服务，一个关于农业的系统，与宁波市农业局合作，包含各大模块：主体管理，基础数据管理，用户管理，组织机构管理，投入品管理，系统配置，红黑榜等。
            </div>
        </div>

        <div class="panel panel-info">
            <div class="panel-heading">
                <h3 class="panel-title">
                    <a href="http://182.61.11.52:7004/#/index/1192330281MA2ENW8QXXA04B001T201807266EDF4B" target="_blank">vue+vant+vuex</a>
                </h3>
            </div>
            <div class="panel-body">
                基于vue-cli@2搭建的项目，主要使用vant为UI框架。<br/>
                项目介绍：农产品质量安全监管与服务的微信端手机页面，主要用于快速查看追溯码的产品信息。
            </div>
        </div>

        <div class="panel panel-info">
            <div class="panel-heading">
                <h3 class="panel-title">
                    <a href="http://43.227.195.153:8013" target="_blank">余姚杨梅项目vue+iview</a>
                </h3>
            </div>
            <div class="panel-body">
                一个展示类型的网站，基于vue的单页项目
            </div>
        </div>

        <div class="panel panel-info">
            <div class="panel-heading">
                <h3 class="panel-title">
                    <a href="https://www.jianshu.com/p/a3e48a401560" target="_blank">gulp</a>
                </h3>
            </div>
            <div class="panel-body">
                这是我在简书上发布自己搭建的基于gulp的脚手架，以前写网站的时候一直在用，于是就分享给大家了。
            </div>
        </div>

        <div class="panel panel-info">
            <div class="panel-heading">
                <h3 class="panel-title">
                    <a href="https://www.jianshu.com/p/7819d9c9a991" target="_blank">nginx</a>
                </h3>
            </div>
            <div class="panel-body">
                会搭建nginx，作为前端必备的一项服务器技能。公司项目前端服务器就是采用nginx，也是我搭建并且配置好的，主要用了反向代理和负载均衡
            </div>
        </div>

        <div class="panel panel-info">
            <div class="panel-heading">
                <h3 class="panel-title">
                    其余
                </h3>
            </div>
            <div class="panel-body">
                css功底扎实，主要使用Less作为css的预处理器，熟悉响应式原理。<br/>
                会用webpack，参照文档配置过一些脚手架。<br/>
                微信小程序 ,用node写过一些简单的服务器，比如微信jssdk的验证算法。<br/>
                会linux的基本操作，主要使用centos7作为自己的前端服务器。
            </div>
        </div>
        <!--<ul class="list-group">
            <li class="list-group-item">
                <h4 class="list-group-item-heading">

                </h4>
                <p class="list-group-item-text">

                </p>
            </li>
        </ul>-->
    </div>
    <div class="my-thought">
        <div class="com-title">个人基本信息</div>
        <div class="table-responsive table-box">
            <table class="table">
                <tbody>
                <tr>
                    <td>出生年月</td>
                    <td>1993年8月7日</td>
                    <td>出生地</td>
                    <td>浙江湖州</td>
                </tr>
                <tr>
                    <td>家乡</td>
                    <td>浙江湖州吴兴区+南浔区</td>
                    <td>现住地</td>
                    <td>浙江宁波</td>
                </tr>
                <tr>
                    <td>手机号</td>
                    <td>15757857502</td>
                    <td>邮箱</td>
                    <td>924305751@qq.com</td>
                </tr>
                <tr>
                    <td>微信号</td>
                    <td>15757857502</td>
                    <td>QQ号</td>
                    <td>924305751</td>
                </tr>
                </tbody>
            </table>
        </div>
    </div>
</div>

@import "footer.html"

<script src="../assets/jquery-3.2.1.min.js"></script>
<script src="../assets/bootstrap/js/bootstrap.min.js"></script>
<script src="../assets/jquery.qrcode.min.js"></script>
<script src="../assets/canvas-nest.min.js"></script>
<script>
    $(function () {
      $('#qrcode').qrcode({
        width: 200,
        height:200,
        text: window.location.href
      });
      if($(window).width()<=768){
        $('canvas').remove()
      }
      $.each($('.panel-title').find('a'),function () {
        $(this).text('链接：'+$(this).text())
      })
    })
</script>
</body>
</html>